<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
        <!-- css -->
        <link href="../css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
        <link href="../css/simple-line-icons.min.css" rel="stylesheet" type="text/css"/>
        <link href="../css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
        <link href="../css/components.min.css" rel="stylesheet" type="text/css"/>
        <link href="../css/layout.min.css" rel="stylesheet" type="text/css"/>
        <link href="../css/light.min.css" rel="stylesheet" type="text/css"/>
        <link href="../css/loaders.css" rel="stylesheet" type="text/css"/>
        <link href="../css/main.css" rel="stylesheet" type="text/css"/>
        <link href="../css/multi-select.css" rel="stylesheet" type="text/css"/>
        <!-- js -->
        <script src="../js/jquery-1.9.1.min.js" type="text/javascript"></script>
        <script src="../js/bootstrap.min.js" type="text/javascript"></script>
        <script src="../js/app.min.js" type="text/javascript"></script>
        <script src="../js/layout.min.js" type="text/javascript"></script>
        <script src="../js/main.js" type="text/javascript"></script>
        <script src="../js/select2.full.min.js" type="text/javascript"></script>
        <script src="../js/jquery.multi-select.js" type="text/javascript"></script>
        <script src="../js/bootstrap-select.min.js" type="text/javascript"></script>
        <script src="../js/components-multi-select.min.js" type="text/javascript"></script>
        <script src="../js/jquery.bootstrap-growl.min.js" type="text/javascript"></script>
        <script src="../js/jquery.formvalidate.min.js" type="text/javascript"></script>
        <script src="../js/custom/yunzhuji.js" type="text/javascript"></script>
        <title>云主机</title>
        <!-- END THEME LAYOUT STYLES -->
    </head>
    <!-- END HEAD -->

    <body class="page-header-fixed page-sidebar-closed-hide-logo page-content-white">
        <div class="page-header navbar navbar-fixed-top">
            <!-- BEGIN HEADER INNER -->
            <div class="page-header-inner ">
                <div class="page-logo">
                    <img class="ml40 mt15" src="../images/icons/logo.png" alt=""/>
                </div>
                <a href="javascript:;" class="menu-toggler responsive-toggler" data-toggle="collapse" data-target=".navbar-collapse">
                    <span></span>
                </a>
                <div class="page-top">
                    <div class="top-menu">
                        <ul class="nav navbar-nav pull-right">
                            <li class="separator hide"> </li>
                            <li class="dropdown dropdown-user dropdown-dark">
                                <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
                                    <img alt="" class="user-img" src="../images/icons/user.png" /> 
                                </a>
                                <ul class="dropdown-menu dropdown-menu-default">
                                    <li>
                                        <a href="mybooking.html">
                                            <img src="../images/icons/mybooking.png" alt=""/>&nbsp;&nbsp;我的订单
                                        </a>
                                    </li>
                                    <li>
                                        <a href="myinfo.html">
                                            <img src="../images/icons/myinfo.png" alt=""/>&nbsp;&nbsp;用户信息
                                        </a>
                                    </li>
                                    <li>
                                        <a href="repwd.html">
                                            <img src="../images/icons/repwd.png" alt=""/>&nbsp;&nbsp;修改密码
                                        </a>
                                    </li>
                                </ul>
                            </li>
                            <li class="dropdown dropdown-extended dropdown-tasks dropdown-dark">
                                <a href="login.html" class="logout">Lot out</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="page-container">
            <div class="page-sidebar-wrapper">
                <div class="page-sidebar navbar-collapse collapse">
                    <ul class="page-sidebar-menu  page-header-fixed ">
                        <li class="nav-item start">
                            <a href="index.html" class="nav-link nav-toggle">
                                <img class="icon" src="../images/icons/home.png" alt=""/><span class="title">首页</span>
                                <span class="selected"></span>
                            </a>
                        </li>
                        <li class="nav-item open active">
                            <a href="yunzhuji.html" class="nav-link nav-toggle">
                                <img class="icon" src="../images/icons/yunzhuji.png" alt=""/><span class="title">云主机</span>
                                <span class="selected"></span>
                            </a>
                        </li>
                        <li class="nav-item">
                            <a href="yunjiankong.html" class="nav-link nav-toggle">
                                <img class="icon" src="../images/icons/yunjiankong.png" alt=""/><span class="title">云监控</span>
                                <span class="selected"></span>
                            </a>
                        </li>
                        <li class="nav-item">
                            <a href="yunqunzu.html" class="nav-link nav-toggle">
                                <img class="icon" src="../images/icons/yunqunzu.png" alt=""/><span class="title">云群组</span>
                                <span class="selected"></span>
                            </a>
                        </li>
                        <li class="nav-item">
                            <a href="yunshichang.html" class="nav-link nav-toggle">
                                <img class="icon" src="../images/icons/yunshichang.png" alt=""/><span class="title">云市场</span>
                                <span class="selected"></span>
                            </a>
                        </li>
                        <li class="nav-item">
                            <a href="gerenguanli.html" class="nav-link nav-toggle">
                                <img class="icon" src="../images/icons/manager.png" alt=""/><span class="title">管理中心</span>
                                <span class="selected"></span>
                            </a>
                        </li>
                        <li class="nav-item">
                            <a href="admin.html" class="nav-link nav-toggle">
                                <img class="icon" src="../images/icons/admin.png" alt=""/><span class="title">admin管理</span>
                                <span class="selected"></span>
                            </a>
                        </li>
                    </ul>
                    <!-- END SIDEBAR MENU -->
                    <!-- END SIDEBAR MENU -->
                </div>
                <!-- END SIDEBAR -->
            </div>
            <!-- END SIDEBAR -->
            <!-- BEGIN CONTENT -->
            <div class="page-content-wrapper">
                <!-- BEGIN CONTENT BODY -->
                <div class="page-content">
                    <div id="content">
                        <div id="yunzhuji" class="">
                            <div class="yunzhuji-header clearfix">
                                <img class="header-img" src="../images/yunzhuji/yunzhuji-header.png" alt=""/><span class="yunzhuji-title">云主机</span>
                                <span class="sub-title">Cloud Host Management</span>
                            </div>
                            <div class="mt3">
                                <ul class="nav nav-tabs " role="tablist">
                                    <li role="presentation" class="active"><a href="#zhuji" role="tab" data-toggle="tab">主机</a></li>
                                    <li role="presentation"><a href="#kuaizhao" role="tab" data-toggle="tab">快照</a></li>
                                </ul>
                                <div class="tab-content yunzhuji-tabcontent pt15">
                                    <div role="tabpanel" class="tab-pane active" id="zhuji">
                                        <div class="zhuji">
                                            <div class="clearfix pl20">
                                                <span class="pull-left mt5" data-toggle="modal" data-target=".addYunZhuJiModal"><img style="height: 20px;" src="../images/yunzhuji/add.png" alt=""/>
                                                    <a class="default-link">添加云...</a></span>
                                                <span class="search ml40 pull-left">
                                                    <input class="form-control" placeholder="输入关键词查询主机"/>
                                                    <a class="search-btn"></a>
                                                </span>
                                                <span class="filter pl40 pull-left">
                                                    <span class="filter-label">组筛选</span>
                                                    <select class="form-control">
                                                        <option>全部</option>
                                                        <option>1</option>
                                                    </select>
                                                </span>
                                            </div>
                                            <div class="zhuji-result mt10">
                                                <table class="table table-bordered">
                                                    <thead>
                                                        <tr>
                                                            <td class="first-td"><input class="checkall" type="checkbox"/>全选</td>
                                                            <td style="width: 15%;">ID/名称</td>
                                                            <td style="width: 12%;">IP</td>
                                                            <td style="width: 5%;">地区</td>
                                                            <td style="width: 7%;">状态</td>
                                                            <td style="width: 13%;">操作系统</td>
                                                            <td style="width: 8%;">配置信息</td>
                                                            <td style="width: 9%;">到期</td>
                                                            <td>操作</td>
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                        <tr>
                                                            <td><input type="checkbox"/></td>
                                                            <td>iZlllwsow4sZiZlllwsow4sZiZlllwsow4sZiZlllwsow4sZiZlllwsow4sZiZlllwsow4sZ</td>
                                                            <td>192.168.2.312</td>
                                                            <td>上海</td>
                                                            <td>运行中</td>
                                                            <td>windowsserve2014windowsserve2014windowsserve2014windowsserve2014windowsserve2014</td>
                                                            <td>8核32G</td>
                                                            <td>2016.09.09</td>
                                                            <td class="operatelist">
                                                                <div class="operate-div">
                                                                    <span class="operate first start active" data-toggle="modal" data-target=".startModal" title="启动主机"></span>
                                                                    <span class="operate stop" data-toggle="modal" data-target=".stopModal" title="停止主机"></span>
                                                                    <span class="operate restart" data-toggle="modal" data-target=".restartModal" title="重启主机"></span>
                                                                    <span class="operate repwd" data-toggle="modal" data-target=".repwdModal" title="重置密码"></span>
                                                                    <span class="operate group" data-toggle="modal" data-target=".groupModal" title="分组"></span>
                                                                    <span class="operate delete" data-toggle="modal" data-target=".deleteModal" title="删除主机"></span>
                                                                </div>
                                                                <div class="loader-inner line-scale-pulse-out">
                                                                    <div></div>
                                                                    <div></div>
                                                                    <div></div>
                                                                    <div></div>
                                                                    <div></div>
                                                                </div>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td><input type="checkbox"/></td>
                                                            <td>iZlllwsow4sZ</td>
                                                            <td>192.168.2.312</td>
                                                            <td>上海</td>
                                                            <td>运行中</td>
                                                            <td>windowsserve2014</td>
                                                            <td>8核32G</td>
                                                            <td>2016.09.09</td>
                                                            <td class="operatelist">
                                                                <div class="operate-div">
                                                                    <span class="operate first start" data-toggle="modal" data-target=".startModal" title="启动主机"></span>
                                                                    <span class="operate stop" data-toggle="modal" data-target=".stopModal" title="停止主机"></span>
                                                                    <span class="operate restart" data-toggle="modal" data-target=".restartModal" title="重启主机"></span>
                                                                    <span class="operate repwd" data-toggle="modal" data-target=".repwdModal" title="重置密码"></span>
                                                                    <span class="operate group" data-toggle="modal" data-target=".groupModal" title="分组"></span>
                                                                    <span class="operate delete" data-toggle="modal" data-target=".deleteModal" title="删除主机"></span>
                                                                </div>
                                                                <div class="loader-inner line-scale-pulse-out">
                                                                    <div></div>
                                                                    <div></div>
                                                                    <div></div>
                                                                    <div></div>
                                                                    <div></div>
                                                                </div>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td><input type="checkbox"/></td>
                                                            <td>iZlllwsow4sZ</td>
                                                            <td>192.168.2.312</td>
                                                            <td>上海</td>
                                                            <td>运行中</td>
                                                            <td>windowsserve2014</td>
                                                            <td>8核32G</td>
                                                            <td>2016.09.09</td>
                                                            <td class="operatelist">
                                                                <div class="operate-div">
                                                                    <span class="operate first start" data-toggle="modal" data-target=".startModal" title="启动主机"></span>
                                                                    <span class="operate stop" data-toggle="modal" data-target=".stopModal" title="停止主机"></span>
                                                                    <span class="operate restart" data-toggle="modal" data-target=".restartModal" title="重启主机"></span>
                                                                    <span class="operate repwd" data-toggle="modal" data-target=".repwdModal" title="重置密码"></span>
                                                                    <span class="operate group" data-toggle="modal" data-target=".groupModal" title="分组"></span>
                                                                    <span class="operate delete" data-toggle="modal" data-target=".deleteModal" title="删除主机"></span>
                                                                </div>
                                                                <div class="loader-inner line-scale-pulse-out">
                                                                    <div></div>
                                                                    <div></div>
                                                                    <div></div>
                                                                    <div></div>
                                                                    <div></div>
                                                                </div>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td><input type="checkbox"/></td>
                                                            <td>iZlllwsow4sZ</td>
                                                            <td>192.168.2.312</td>
                                                            <td>上海</td>
                                                            <td>运行中</td>
                                                            <td>windowsserve2014</td>
                                                            <td>8核32G</td>
                                                            <td>2016.09.09</td>
                                                            <td class="operatelist">
                                                                <div class="operate-div">
                                                                    <span class="operate first start" data-toggle="modal" data-target=".startModal" title="启动主机"></span>
                                                                    <span class="operate stop" data-toggle="modal" data-target=".stopModal" title="停止主机"></span>
                                                                    <span class="operate restart" data-toggle="modal" data-target=".restartModal" title="重启主机"></span>
                                                                    <span class="operate repwd" data-toggle="modal" data-target=".repwdModal" title="重置密码"></span>
                                                                    <span class="operate group" data-toggle="modal" data-target=".groupModal" title="分组"></span>
                                                                    <span class="operate delete" data-toggle="modal" data-target=".deleteModal" title="删除主机"></span>
                                                                </div>
                                                                <div class="loader-inner line-scale-pulse-out">
                                                                    <div></div>
                                                                    <div></div>
                                                                    <div></div>
                                                                    <div></div>
                                                                    <div></div>
                                                                </div>
                                                            </td>
                                                        </tr>
                                                    </tbody>
                                                </table>
                                            </div>
                                            <!--                                            <div class="clearfix explain pr15">
                                                                                            <div class="pull-right">
                                                                                                <ul class="explain-list">
                                                                                                    <li><span class="operate-icon start"></span>启动主机: 启动选定主机, 操作前有弹框确认操作</li>
                                                                                                    <li><span class="operate-icon stop"></span>停止主机: 停止选定主机, 操作前有弹框确认操作</li>
                                                                                                    <li><span class="operate-icon restart"></span>重启主机: 重启选定主机, 操作前有弹框确认操作</li>
                                                                                                    <li><span class="operate-icon repwd"></span>重置密码: 重置选定主机密码</li>
                                                                                                    <li><span class="operate-icon group"></span>分组: 分组选定主机</li>
                                                                                                    <li><span class="operate-icon delete"></span>删除主机: 删除选定主机, 操作前有弹框确认操作</li>
                                                                                                </ul>
                                                                                            </div>
                                                                                        </div>-->
                                            <div class="yuzhuji-footer">
                                                <span class="footer-title">批量管理</span>
                                                <span class="operate-icon start" title="批量启动"></span>
                                                <span class="operate-icon stop" title="批量停止"></span>
                                                <span class="operate-icon restart" title="批量重启"></span>
                                                <span class="operate-icon repwd" title="批量修改密码"></span>
                                                <span class="operate-icon group" title="批量分组"></span>
                                                <span class="operate-icon delete" title="批量删除"></span>
                                                <ul class="pagination pull-right mr15" >
                                                    <li class="prev disabled"><a href="#" title="首页">首页</a></li>
                                                    <li class="prev disabled"><a href="#" title="上一页">上一页</a></li>
                                                    <li class="active"><a href="#">1</a></li>
                                                    <li><a href="#">2</a></li>
                                                    <li><a href="#">3</a></li><li><a href="#">4</a></li>
                                                    <li><a href="#">5</a></li>
                                                    <li class="next"><a href="#" title="下一页">下一页</a></li>
                                                    <li class="next"><a href="#" title="末页">末页</a></li>
                                                    <li class="skip"> 向第<input type="text" class="pagination-panel-input form-control input-sm input-inline input-mini" style="text-align:center; margin: 0 5px;">跳转
                                                        <a class="btn btn-sm btn-blue">确定</a>
                                                    </li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                    <div role="tabpanel" class="tab-pane" id="kuaizhao">
                                        <div class="kuaizhao">
                                            <div class="clearfix pl20">
                                                <span class="pull-left mt5" data-toggle="modal" data-target=".addQuickPhotoModal"><img style="height: 20px;" src="../images/yunzhuji/addquick_2.png" alt=""/>
                                                    <a class="default-link">添加即时快照...</a></span>
                                                <span class="pull-left mt5 ml10" data-toggle="modal" data-target=".addTimeQuickPhotoModal"><img style="height: 20px;" src="../images/yunzhuji/addquick_1.png" alt=""/>
                                                    <a class="default-link">添加定时快照...</a></span>
                                                <span class="search ml40 pull-left">
                                                    <input class="form-control" placeholder="输入关键词查询主机"/>
                                                    <a class="search-btn"></a>
                                                </span>
                                                <span class="filter pl40 pull-left">
                                                    <span class="filter-label">组筛选</span>
                                                    <select class="form-control">
                                                        <option>全部</option>
                                                        <option>1</option>
                                                    </select>
                                                </span>
                                                <a href="dingshikuaizhaojihua.html" class="default-link ml50 mt5 pull-left">定时快照计划</a>
                                            </div>
                                            <div class="zhuji-result mt10">
                                                <table class="table table-bordered">
                                                    <thead>
                                                        <tr>
                                                            <td class="first-td"><input class="checkall" type="checkbox"/>全选</td>
                                                            <td style="width: 15%;">ID/名称</td>
                                                            <td style="width: 14%;">服务提供商</td>
                                                            <td style="width: 14%;">磁盘ID</td>
                                                            <td style="width: 10%;">磁盘属性</td>
                                                            <td style="width: 10%;">快照类型</td>
                                                            <td style="width: 15%;">创建时间</td>
                                                            <td style="width: 8%;">状态</td>
                                                            <td>操作</td>
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                        <tr>
                                                            <td><input type="checkbox"/></td>
                                                            <td>iZlllwsow4sZiZlllwsow4sZiZlllwsow4sZiZlllwsow4sZiZlllwsow4sZiZlllwsow4sZ</td>
                                                            <td>192.168.2.312</td>
                                                            <td>69IIIwsow4sZ</td>
                                                            <td>系统盘</td>
                                                            <td>用户快照</td>
                                                            <td>2016-02-16 13:03:29</td>
                                                            <td>完成</td>
                                                            <td class="operatelist">
                                                                <div class="operate-div">
                                                                    <span class="operate first restart" data-toggle="modal" data-target=".recoveryKuaizhaoModal" title="恢复快照"></span>
                                                                    <span class="operate stop" data-toggle="modal" data-target=".deleteKuaizhaoModal" title="删除快照"></span>
                                                                </div>
                                                                <div class="loader-inner line-scale-pulse-out">
                                                                    <div></div>
                                                                    <div></div>
                                                                    <div></div>
                                                                    <div></div>
                                                                    <div></div>
                                                                </div>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td><input type="checkbox"/></td>
                                                            <td>iZlllwsow4sZ</td>
                                                            <td>192.168.2.312</td>
                                                            <td>69IIIwsow4sZ</td>
                                                            <td>系统盘</td>
                                                            <td>用户快照</td>
                                                            <td>2016-02-16 13:03:29</td>
                                                            <td>完成</td>
                                                            <td class="operatelist">
                                                                <div class="operate-div">
                                                                    <span class="operate first restart" data-toggle="modal" data-target=".recoveryKuaizhaoModal" title="恢复快照"></span>
                                                                    <span class="operate stop" data-toggle="modal" data-target=".deleteKuaizhaoModal" title="删除快照"></span>
                                                                </div>
                                                                <div class="loader-inner line-scale-pulse-out">
                                                                    <div></div>
                                                                    <div></div>
                                                                    <div></div>
                                                                    <div></div>
                                                                    <div></div>
                                                                </div>
                                                            </td>
                                                        </tr>
                                                    </tbody>
                                                </table>
                                            </div>
                                            <div class="yuzhuji-footer">
                                                <span class="footer-title">批量管理</span>
                                                <span class="operate-icon delete" title="批量删除"></span>
                                                <ul class="pagination pull-right mr15" >
                                                    <li class="prev disabled"><a href="#" title="首页">首页</a></li>
                                                    <li class="prev disabled"><a href="#" title="上一页">上一页</a></li>
                                                    <li class="active"><a href="#">1</a></li>
                                                    <li><a href="#">2</a></li>
                                                    <li><a href="#">3</a></li><li><a href="#">4</a></li>
                                                    <li><a href="#">5</a></li>
                                                    <li class="next"><a href="#" title="下一页">下一页</a></li>
                                                    <li class="next"><a href="#" title="末页">末页</a></li>
                                                    <li class="skip"> 向第<input type="text" class="pagination-panel-input form-control input-sm input-inline input-mini" style="text-align:center; margin: 0 5px;">跳转
                                                        <a class="btn btn-sm btn-blue">确定</a>
                                                    </li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div><!-- content -->
                    </div>
                </div>     
            </div>
            <!-- END QUICK SIDEBAR -->
        </div>
        <div class="page-footer">
            <div class="page-footer-inner">

            </div>
            <div class="scroll-to-top">
                <i class="icon-arrow-up"></i>
            </div>
        </div>
        <div class="modal fade modal-default startModal" tabindex="-1" role="dialog" aria-labelledby="startModal" aria-hidden="true">
            <div class="modal-dialog modal-sm">
                <div class="modal-title"><span class="close" data-dismiss="modal"></span>启动云主机</div>
                <div class="modal-content">
                    <div class="pt35 text-center">
                        <img style="width: 20px" src="../images/icons/icon-warning.png" alt=""/>
                        您正在启动iZlllwsow4sZ
                    </div>
                    <div class="mt35 text-center">
                        <a class="btn btn-blue mr35 model-confirm">确认</a>
                        <a class="btn btn-default" data-dismiss="modal">取消</a>
                    </div>
                </div>
            </div>
        </div>
        <div class="modal fade modal-default stopModal" tabindex="-1" role="dialog" aria-labelledby="stopModal" aria-hidden="true">
            <div class="modal-dialog modal-sm">
                <div class="modal-title"><span class="close" data-dismiss="modal"></span>停止云主机</div>
                <div class="modal-content">
                    <div class="pt35 text-center">
                        <img style="width: 20px" src="../images/icons/icon-warning.png" alt=""/>
                        您正在停止iZlllwsow4sZ
                    </div>
                    <div class="mt35 text-center">
                        <a class="btn btn-blue mr35 model-confirm">确认</a>
                        <a class="btn btn-default" data-dismiss="modal">取消</a>
                    </div>
                </div>
            </div>
        </div>
        <div class="modal fade modal-default recoveryKuaizhaoModal" tabindex="-1" role="dialog" aria-labelledby="startModal" aria-hidden="true">
            <div class="modal-dialog modal-sm">
                <div class="modal-title"><span class="close" data-dismiss="modal"></span>恢复快照</div>
                <div class="modal-content">
                    <div class="pt35 text-center">
                        <img style="width: 20px" src="../images/icons/icon-warning.png" alt=""/>
                        您正在恢复iZlllwsow4sZ
                    </div>
                    <div class="mt35 text-center">
                        <a class="btn btn-blue mr35 model-confirm">确认</a>
                        <a class="btn btn-default" data-dismiss="modal">取消</a>
                    </div>
                </div>
            </div>
        </div>
        <div class="modal fade modal-default deleteKuaizhaoModal" tabindex="-1" role="dialog" aria-labelledby="stopModal" aria-hidden="true">
            <div class="modal-dialog modal-sm">
                <div class="modal-title"><span class="close" data-dismiss="modal"></span>删除快照</div>
                <div class="modal-content">
                    <div class="pt35 text-center">
                        <img style="width: 20px" src="../images/icons/icon-warning.png" alt=""/>
                        您正在删除iZlllwsow4sZ
                    </div>
                    <div class="mt35 text-center">
                        <a class="btn btn-blue mr35 model-confirm">确认</a>
                        <a class="btn btn-default" data-dismiss="modal">取消</a>
                    </div>
                </div>
            </div>
        </div>
        <div class="modal fade modal-default restartModal" tabindex="-1" role="dialog" aria-labelledby="restartModal" aria-hidden="true">
            <div class="modal-dialog modal-sm">
                <div class="modal-title"><span class="close" data-dismiss="modal"></span>重启云主机</div>
                <div class="modal-content">
                    <div class="pt35 text-center">
                        <img style="width: 20px" src="../images/icons/icon-warning.png" alt=""/>
                        您正在重启iZlllwsow4sZ
                    </div>
                    <div class="mt35 text-center">
                        <a class="btn btn-blue mr35 model-confirm">确认</a>
                        <a class="btn btn-default" data-dismiss="modal">取消</a>
                    </div>
                </div>
            </div>
        </div>
        <div class="modal fade modal-default repwdModal" tabindex="-1" role="dialog" aria-labelledby="repwdModal" aria-hidden="true">
            <div class="modal-dialog modal-sm">
                <div class="modal-title"><span class="close" data-dismiss="modal"></span>重置密码</div>
                <div class="modal-content">
                    <div class="pt35 text-center">
                        <div>您将执行重置密码操作,请输入新密码。</div>
                        <div><input class="form-control" type="password"/></div>
                    </div>
                    <div class="mt35 text-center">
                        <a class="btn btn-blue mr35 model-confirm">确认</a>
                        <a class="btn btn-default" data-dismiss="modal">取消</a>
                    </div>
                </div>
            </div>
        </div>
        <div class="modal fade modal-default groupModal" tabindex="-1" role="dialog" aria-labelledby="groupModal" aria-hidden="true">
            <div class="modal-dialog modal-sm">
                <div class="modal-title"><span class="close" data-dismiss="modal"></span>分组</div>
                <div class="modal-content">
                    <div class="pt35 text-center">
                        <div>您所选的<span class="color-red">1</span>台云主机正在<span class="color-blue">分组</span>,请选择一个组</div>
                        <div class="groupSelect">
                            <select class="form-control">
                                <option>不加入任何群组</option>
                                <option>群组1</option>
                            </select>
                            <a class="default-link"  data-toggle="modal" data-target=".addNewGroup">创建新组</a>
                        </div>
                    </div>
                    <div class="mt35 text-center">
                        <a class="btn btn-blue mr35 model-confirm">确认</a>
                        <a class="btn btn-default" data-dismiss="modal">取消</a>
                    </div>
                </div>
            </div>
        </div>
        <div class="modal fade modal-default deleteModal" tabindex="-1" role="dialog" aria-labelledby="deleteModal" aria-hidden="true">
            <div class="modal-dialog modal-sm">
                <div class="modal-title"><span class="close" data-dismiss="modal"></span>删除</div>
                <div class="modal-content">
                    <div class="pt35 text-center">
                        <img style="width: 20px" src="../images/icons/icon-warning.png" alt=""/>
                        您正在删除iZlllwsow4sZ
                    </div>
                    <div class="mt35 text-center">
                        <a class="btn btn-blue mr35 model-confirm">确认</a>
                        <a class="btn btn-default" data-dismiss="modal">取消</a>
                    </div>
                </div>
            </div>
        </div>
        <div class="modal fade modal-default addYunZhuJiModal" tabindex="-1" role="dialog" aria-labelledby="addYunZhuJiModal" aria-hidden="true">
            <div class="modal-dialog modal-md">
                <div class="modal-title"><span class="close" data-dismiss="modal"></span>添加云</div>
                <div class="modal-content">
                    <div class="pt10 text-center pl30 pr30 addYunZhuJiForm">
                        <form class="form-horizontal" id="add-yunzhuji-form">
                            <div class="form-group">
                                <label for="type" class="col-md-4 control-label">云类型</label>
                                <div class="col-md-8">
                                    <select id="type" class="form-control" name="type">
                                        <option value="1">阿里云</option>
                                        <option value="2">腾讯云</option>
                                        <option value="4">VMware</option>
                                        <option value="5">GDS</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="account" class="col-md-4 control-label">云账号<span class="color-red">*</span></label>
                                <div class="col-md-8">
                                    <input type="text" class="form-control" id="account" placeholder="输入云账号" name="yunaccount">
                                </div>
                            </div>
                            <div class="aliyun typeRequire">
                                <div class="form-group">
                                    <label for="accesskey" class="col-md-4 control-label">Accesskey<span class="color-red">*</span></label>
                                    <div class="col-md-8">
                                        <input type="text" class="form-control" id="accesskey" placeholder="输入Access Key ID" name="accesskey">
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label for="accesskey" class="col-md-4 control-label">Sercetaccesskey<span class="color-red">*</span></label>
                                    <div class="col-md-8">
                                        <input type="text" class="form-control" id="accesskey" placeholder="输入Access Key Secret" name="seraetaccesskey">
                                    </div>
                                </div>
                            </div>
                            <div class="tengxunyun typeRequire" style="display: none;">
                                <div class="form-group">
                                    <label for="accesskey" class="col-md-4 control-label">secretId<span class="color-red">*</span></label>
                                    <div class="col-md-8">
                                        <input type="text" class="form-control" id="secretId" placeholder="输入secretId" name="secreatid">
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label for="accesskey" class="col-md-4 control-label">secretKey<span class="color-red">*</span></label>
                                    <div class="col-md-8">
                                        <input type="text" class="form-control" id="secretKey" placeholder="输入secretKey" name="secretkey">
                                    </div>
                                </div>
                            </div>
                            <div class="VMware typeRequire" style="display: none;">
                                <div class="form-group">
                                    <label for="accesskey" class="col-md-4 control-label">账号<span class="color-red">*</span></label>
                                    <div class="col-md-8">
                                        <input type="text" class="form-control" id="account" placeholder="输入账号" name="account">
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label for="accesskey" class="col-md-4 control-label">密码<span class="color-red">*</span></label>
                                    <div class="col-md-8">
                                        <input type="password" class="form-control" id="password" placeholder="输入密码" name="password">
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label for="accesskey" class="col-md-4 control-label">ip或域名<span class="color-red">*</span></label>
                                    <div class="col-md-8">
                                        <input type="text" class="form-control" id="ip" placeholder="输入ip或域名" name="ip">
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label for="accesskey" class="col-md-4 control-label">组名<span class="color-red">*</span></label>
                                    <div class="col-md-8">
                                        <input type="text" class="form-control" id="group" placeholder="输入组名" name="group">
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label for="accesskey" class="col-md-4 control-label">版本<span class="color-red">*</span></label>
                                    <div class="col-md-8">
                                        <select id="banben" class="form-control" name="banben">
                                            <option value="5.5">5.5</option>
                                            <option value="1.5">1.5</option>
                                        </select>
                                    </div>
                                </div>
                            </div>
                        </form>
                        <div class="mt35 text-center">
                            <a class="btn btn-blue mr35" id="addYunZhuji">下一步</a>
                            <a class="btn btn-default" data-dismiss="modal">取消</a>
                        </div>
                    </div>
                    <div class="pt10 yunZhuJiList" style="display: none;">
                        <div>
                            <div class="pl20">
                                <span class="search pull-left mb10">
                                    <input class="form-control" placeholder="输入关键词查询主机"/>
                                    <a class="search-btn"></a>
                                </span>
                            </div>
                            <table class="table table-bordered table-sm mt10">
                                <thead>
                                    <tr>
                                        <td style="width: 55px;"><input type="checkbox" class="checkall"/>全选</td>
                                        <td style="width: 30%;">主机名称</td>
                                        <td>IP地址</td>
                                        <td>群组名</td>
                                        <td>状态</td>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td><input type="checkbox"/></td>
                                        <td>iZ111wsow4sZiZ111wsow4sZ</td>
                                        <td>192.168.2.312</td>
                                        <td>aaaa</td>
                                        <td>运行中</td>
                                    </tr>
                                    <tr>
                                        <td><input type="checkbox"/></td>
                                        <td>iZ111wsow4sZ</td>
                                        <td>192.168.2.312</td>
                                        <td>aaaa</td>
                                        <td>运行中</td>
                                    </tr>
                                    <tr>
                                        <td><input type="checkbox"/></td>
                                        <td>iZ111wsow4sZ</td>
                                        <td>192.168.2.312</td>
                                        <td>aaaa</td>
                                        <td>运行中</td>
                                    </tr>
                                    <tr>
                                        <td><input type="checkbox"/></td>
                                        <td>iZ111wsow4sZ</td>
                                        <td>192.168.2.312</td>
                                        <td>aaaa</td>
                                        <td>运行中</td>
                                    </tr>
                                    <tr>
                                        <td><input type="checkbox"/></td>
                                        <td>iZ111wsow4sZ</td>
                                        <td>192.168.2.312</td>
                                        <td>aaaa</td>
                                        <td>运行中</td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                        <div class="mt35 text-center">
                            <a class="btn btn-blue mr35 model-confirm">确认</a>
                            <a class="btn btn-default" data-dismiss="modal">取消</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="modal fade modal-default addNewGroup" tabindex="-1" role="dialog" aria-labelledby="addNewGroup" aria-hidden="true">
            <div class="modal-dialog modal-md">
                <div class="modal-title"><span class="close" data-dismiss="modal"></span>创建群组</div>
                <div class="modal-content">
                    <div class="pt10 text-center">
                        <form class="form-horizontal">
                            <div class="form-group">
                                <label for="name" class="col-md-3 control-label">群组名称<span class="color-red">*</span></label>
                                <div class="col-md-9">
                                    <input type="text" class="form-control" id="name" placeholder="">
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="description" class="col-md-3 control-label">群组描述<span class="color-red">*</span><br/><span class="message">50字以内</span></label>
                                <div class="col-md-9">
                                    <textarea rows="3" class="form-control" id="description"></textarea>
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="listselect" class="col-md-3 control-label">主机列表<span class="color-red">*</span></label>
                                <div class="col-md-9">
                                    <select multiple="multiple" class="multi-select" id="listselect" name="listselect[]" style="position: absolute; left: -9999px;">
                                        <option>IZ3334WOWS1</option>
                                        <option>IZ3334WOWS2</option>
                                        <option selected="">IZ3334WOWS3</option>
                                        <option selected="">IZ3334WOWS4</option>
                                        <option selected="">IZ3334WOWS5</option>
                                        <option>IZ3334WOWS6</option>
                                    </select>
                                </div>
                            </div>
                        </form>
                    </div>
                    <div class="mt35 text-center">
                        <a class="btn btn-blue mr35 model-confirm">确认</a>
                        <a class="btn btn-default" data-dismiss="modal">取消</a>
                    </div>
                </div>
            </div>
        </div>
        <div class="modal fade modal-default addQuickPhotoModal" tabindex="-1" role="dialog" aria-labelledby="addYunZhuJiModal" aria-hidden="true">
            <div class="modal-dialog modal-md">
                <div class="modal-title"><span class="close" data-dismiss="modal"></span>添加快照</div>
                <div class="modal-content">
                    <div class="pt10 text-center">
                        <form class="form-horizontal">
                            <div class="form-group">
                                <label for="type" class="col-md-4 control-label">云类型</label>
                                <div class="col-md-7">
                                    <select id="type" class="form-control">
                                        <option value="1">阿里云</option>
                                        <option value="2">腾讯云</option>
                                        <option value="4">VMware</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="account" class="col-md-4 control-label">云主机名称<span class="color-red">*</span></label>
                                <div class="col-md-7">
                                    <select id="yunname" class="form-control">
                                        <option>iZ111wsow4sZ</option>
                                        <option>iZ111wsow4sZ</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="accesskey" class="col-md-4 control-label">磁盘ID<span class="color-red">*</span></label>
                                <div class="col-md-7">
                                    <select id="id" class="form-control">
                                        <option>iZ111wsow4sZ</option>
                                        <option>iZ111wsow4sZ</option>
                                    </select>
                                </div>
                            </div>
                            <div class="kuaizhao-normal kuaizhao-type">
                                <div class="form-group">
                                    <label for="accesskey" class="col-md-4 control-label">快照名称<span class="color-red">*</span></label>
                                    <div class="col-md-7">
                                        <input type="text" class="form-control" id="name" placeholder="">
                                    </div>
                                </div>
                            </div>
                            <div class="kuaizhao-vmware kuaizhao-type" style="display: none;">
                                <div class="form-group">
                                    <label for="accesskey" class="col-md-4 control-label">快照名称<span class="color-red">*</span></label>
                                    <div class="col-md-7">
                                        <input type="text" class="form-control" id="name" placeholder="">
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label for="accesskey" class="col-md-4 control-label">快照描述<span class="color-red">*</span></label>
                                    <div class="col-md-7">
                                        <input type="text" class="form-control" id="discription" placeholder="">
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                    <div class="mt35 text-center">
                        <a class="btn btn-blue mr35 model-confirm">确认</a>
                        <a class="btn btn-default" data-dismiss="modal">取消</a>
                    </div>
                </div>
            </div>
        </div>
        <div class="modal fade modal-default addTimeQuickPhotoModal" tabindex="-1" role="dialog" aria-labelledby="addYunZhuJiModal" aria-hidden="true">
            <div class="modal-dialog modal-md">
                <div class="modal-title"><span class="close" data-dismiss="modal"></span>添加快照</div>
                <div class="modal-content">
                    <div class="pt10 text-center">
                        <form class="form-horizontal">
                            <div class="form-group">
                                <label for="type" class="col-md-4 control-label">云类型</label>
                                <div class="col-md-7">
                                    <select id="type" class="form-control">
                                        <option value="1">阿里云</option>
                                        <option value="2">腾讯云</option>
                                        <option value="4">VMware</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="account" class="col-md-4 control-label">云主机名称<span class="color-red">*</span></label>
                                <div class="col-md-7">
                                    <select id="yunname" class="form-control">
                                        <option>iZ111wsow4sZ</option>
                                        <option>iZ111wsow4sZ</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="accesskey" class="col-md-4 control-label">磁盘ID<span class="color-red">*</span></label>
                                <div class="col-md-7">
                                    <select id="id" class="form-control">
                                        <option>iZ111wsow4sZ</option>
                                        <option>iZ111wsow4sZ</option>
                                    </select>
                                </div>
                            </div>
                            <div class="kuaizhao-normal kuaizhao-type">
                                <div class="form-group">
                                    <label for="accesskey" class="col-md-4 control-label">快照名称<span class="color-red">*</span></label>
                                    <div class="col-md-7">
                                        <input type="text" class="form-control" id="name" placeholder="">
                                    </div>
                                </div>
                            </div>
                            <div class="kuaizhao-vmware kuaizhao-type" style="display: none;">
                                <div class="form-group">
                                    <label for="accesskey" class="col-md-4 control-label">快照名称<span class="color-red">*</span></label>
                                    <div class="col-md-7">
                                        <input type="text" class="form-control" id="name" placeholder="">
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label for="accesskey" class="col-md-4 control-label">快照描述<span class="color-red">*</span></label>
                                    <div class="col-md-7">
                                        <input type="text" class="form-control" id="discription" placeholder="">
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="time" class="col-md-4 control-label">快照周期<span class="color-red">*</span></label>
                                <div class="col-md-7">
                                    <select id="time" class="form-control">
                                        <option value="每周">每周</option>
                                        <option selected="" value="每天">每天</option>
                                        <option value="每月">每月</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="time" class="col-md-4 control-label">定时设置<span class="color-red">*</span></label>
                                <div class="col-md-7 text-left">
                                    <select id="time" class="form-control inline-block w40">
                                        <option value="00">00</option>
                                    </select>
                                    <span>时</span>
                                    <select id="time" class="form-control inline-block  w40">
                                        <option value="00">00</option>
                                    </select>
                                    <span>分</span>
                                </div>
                            </div>
                        </form>
                    </div>
                    <div class="mt35 text-center">
                        <a class="btn btn-blue mr35 model-confirm">确认</a>
                        <a class="btn btn-default" data-dismiss="modal">取消</a>
                    </div>
                </div>
            </div>
        </div>
        <script>
            $(document).ready(function () {
                $('#listselect').multiSelect();
                //初始化addYunZhuJiModal中的显示
                $('.addYunZhuJiModal').on('hidden.bs.modal', function (e) {
                    //重置表单
                    $('.addYunZhuJiModal #add-yunzhuji-form')[0].reset();
                    //重置选填项
                    $('.addYunZhuJiModal .typeRequire').hide();
                    $('.addYunZhuJiModal .aliyun').show();
                    //重置表单、列表显示
                    $('.addYunZhuJiModal .addYunZhuJiForm').show();
                    $('.addYunZhuJiModal .yunZhuJiList').hide();
                });
                //选择不同插件，切换填写内容 aliyun tengxunyun VMware
                $('.addYunZhuJiModal select#type').change(function () {
                    var type = $(this).val();
                    $('.addYunZhuJiModal .typeRequire').hide();
                    //删除错误提示
                    $('.addYunZhuJiModal #add-yunzhuji-form .form-group div.error').remove();
                    switch (type) {
                        case '1':
                            $('.addYunZhuJiModal .aliyun').show();
                            break;
                        case '2':
                            $('.addYunZhuJiModal .tengxunyun').show();
                            break;
                        case '4':
                            $('.addYunZhuJiModal .VMware').show();
                            break;
                        case '5':
                            $('.addYunZhuJiModal .VMware').show();
                            break;
                        default:
                            $('.addYunZhuJiModal .aliyun').show();
                            break;
                    }
                });
                //及时快照切换内容 kuaizhao-normal kuaizhao-vmware //kuaizhao-type
                $('.addQuickPhotoModal select#type').change(function () {
                    var type = $(this).val();
                    $('.addQuickPhotoModal .kuaizhao-type').hide();
                    $('.addQuickPhotoModal form .form-group div.error').remove();//删除错误提示
                    switch (type) {
                        case '4':
                            $('.addQuickPhotoModal .kuaizhao-vmware').show();
                            break;
                        default:
                            $('.addQuickPhotoModal .kuaizhao-normal').show();
                            break;
                    }
                });
                //定时快照切换内容 kuaizhao-normal kuaizhao-vmware //kuaizhao-type
                $('.addTimeQuickPhotoModal select#type').change(function () {
                    var type = $(this).val();
                    $('.addTimeQuickPhotoModal .kuaizhao-type').hide();
                    $('.addTimeQuickPhotoModal form .form-group div.error').remove();//删除错误提示
                    switch (type) {
                        case '4':
                            $('.addTimeQuickPhotoModal .kuaizhao-vmware').show();
                            break;
                        default:
                            $('.addTimeQuickPhotoModal .kuaizhao-normal').show();
                            break;
                    }
                });
            });
        </script>
        <!--[if lt IE 9]>
<script src="../assets/global/plugins/respond.min.js"></script>
<script src="../assets/global/plugins/excanvas.min.js"></script> 
<![endif]-->
    </body>
</html>